﻿<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!-- 外部css开始 -->
	<link rel="stylesheet" href="css/mystyle.css" type="text/css" />
	<link href="css/xxd2.css" rel="stylesheet" type="text/css" />
	<link href="css/cebianlan.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="css/popwindow.css" media="screen" type="text/css" />
	<link rel="stylesheet" href="css/buttonstyle.css" media="screen" type="text/css" />
	<!-- 外部css结束 -->
	<!-- 内部css开始 -->
	<style type="text/css">
		.list_box {width: 100%;}
		.list_box_item .name {width: 250px;text-align: left;font-weight: normal;}
		.list_box_item .category {width: 12%;text-align: left;font-weight: normal;}
		.list_box_item .modifier {width: 12%;text-align: left;font-weight: normal;}
		.list_box_item .price {width: 10%;text-align: left;font-weight: normal;}
		#popbox {position: absolute;width: 400px;right: 5%;top: 30%;margin: 0 auto;margin: -50px 0 0 -50px;display: none;background: #666666;border: 1px solid #898989;z-index: 9999;}
		#popbox1 {position: absolute;width: 400px;right: 5%;top: 30%;margin: 0 auto;margin: -50px 0 0 -50px;display: none;background: #666666;border: 1px solid #898989;z-index: 9999;}
		.menu_body {width: 400px;}
		.menu_list {top: 25px;}
		.r_box{margin: 30px 20px;}
		.r_box p{font-size: 20px;font-weight: bold;}
		.r_box p span {width: 120px;display: block;float: left;}
		.r_box input,.r_box select{width: 350px;height: 35px;line-height: 35px;font-size: 17px;font-weight: bold;border: 2px solid #CECECE;border-radius: 5px;color: #606060;background-color: white;padding-left:15px}
		.button{width: 50px;height: 18px;line-height: 18px;font-size: 13px;}
		.r_box p #important {float: right;line-height: 40px;position: relative;left: 20px;}
	</style>
	<!-- 内部css开始 -->
</head>

<body class="staff" onload="LoadPage()">
	<input type='checkbox' id='sideToggle'>
	<!--右边侧滑栏开始-->
	<aside id="aside" class="aside" style=" z-index:1;">
		<input type='hidden' value='0' id='staffId' /><!-- hidden为了保存属性值 -->
		<div class="content">
			<div class="r_content">
				<div class="r_box">
					<p>
						<span>Account</span>
						<input id="staffAccount" type="text" value="" />
					</p>
				</div>
				<div class="r_box">
					<p>
						<span>Name</span>
						<input id="staffName" type="text" value="" />
					</p>
				</div>
				<div class="r_box">
					<p>
						<span>Ident</span>
						<input id="staffIdent" type="text" value="" />
					</p>
				</div>
				<div class="r_box">
					<p>
						<span>Type</span>
						<select id="staffType">
							<option selected="selected" value=1>Chief</option>
							<option value=0>Boss</option>
							<option value=2>Waiter</option>
						</select>
					</p>
				</div>
				<div class="r_box">
					<p>
						<span>Sex</span>
						<select id="staffSex">
							<option selected="selected" value=1>woman</option>
							<option value=0>man</option>
						</select>
					</p>
				</div>
				<div class="r_box">
					<p>
						<span>Phone</span>
						<input id="staffPhone" type="text" value="" />
					</p>
				</div>
				
				<div class="r_box">
					<p>
						<span>Addr</span>
						<input id="staffAddr" value="">
					</p>
				</div>
			</div>
		</div>
		<!-- 尾部开始 -->
		<div class="r_footer">
			<div class="r_footer_img"><img src="images/delete.png" onclick="DeleteStaffMessageBox(event)" /></div>
			<div class="r_footer_btn">
				<button class="cancel" onclick="CancelRightAside()">Cancel</button>
				<button class="save" onclick="SaveStaffMessage();">Save</button>
			</div>
		</div>
		<!-- 尾部结束 -->
	</aside>
	<!--右边侧滑栏结束-->
	<div style="display:none;">
		<a id="addStaff" onclick="AddStaff()">Add</a>
	</div>
	<div id='wrap'>
		<div class="content">
			<!-- 中部开始 -->
			<div class="con_middle">			
				<!-- 列表开始 -->
				<div class="list">					
					<!-- 列表头部开始 -->
					<div class="list_box title" id="style-default" style="overflow:hidden; height:31px;">					
						<div class="list_box_item" style="background:#f1f1f1;">
							<div class="name" style="font-weight: bold;">Name</div>
							<div class="name" style="font-weight: bold;">Account</div>
							<div class="category" style="font-weight: bold;">Sex</div>
							<div class="modifier" style="font-weight: bold;">Phone</div>
							<div class="price" style="font-weight: bold;">Type</div>
						</div>						
					</div>
					<!-- 列表头部结束 -->					
					<!-- 列表内容开始 -->
					<div class="list_box" id="staffList">
					</div>
					<!-- 列表内容结束 -->
				</div>
				<!-- 列表结束 -->				
			</div>
			<!-- 中部结束 -->			
		</div>
	</div>
	<!-- 外部js开始 -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="js/myjs.js"></script>
	<script type="text/javascript" src="js/popwindow.js"></script>
	<!-- 外部js结束 -->
	<!-- 内部js开始 -->
	<script type="text/javascript">
		//加载页面
		function LoadPage(){
			GetStaffList();
		}
		//弹出菜单选择框
		function pupopen() {
			document.getElementById("popbox").style.display = "block";
		}
		function pupclose(id, name) {
			modifiercreate(id, name);
			document.getElementById("popbox").style.display = "none";
		}
		//弹出菜单选择框
		function taxesopen() {
			document.getElementById("popbox1").style.display = "block";
		}
		function taxesclose(id, name, rate) {
			taxescreate(id, name, rate);
			document.getElementById("popbox1").style.display = "none";
		}	
	</script>
	<!-- 内部js结束 -->
</body>
</html>